<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
<title>领券</title>
<link rel="stylesheet" href="__HOME__/css/public_style.css">
<style>
	body{background-color:#ff4b05;}
	
	/*-- 返回 --*/
	.fanhui{padding:20px;height:12px;width:12px;display:block;position:fixed;z-index:999;}
	.fanhui>div{border-top:2px solid #fff;border-left:2px solid #fff;height:10px;width:10px;transform:rotate(-45deg);}
	/*-- 返回 --*/
	/*-- 顶部图片 --*/
	.top_tupian>img{width:100%;}
	/*-- 顶部图片 --*/
	/*-- 券 --*/
	.ticket{padding:10px;}
	.ticket>ul>li{margin:10px;height:88px;}
	.ticket>ul>li>div:nth-of-type(1){float:left;width:calc(100% - 88px);background-color:#fff;border-top-left-radius:5px;border-bottom-left-radius:5px;height:88px;}
	.ticket>ul>li>div>ul{padding:5px 10px;}
	.ticket>ul>li>div>ul>li:nth-of-type(1){line-height:22px;color:#feb100;font-size:14px;}
	.ticket>ul>li>div>ul>li:nth-of-type(2){text-align:center;color:#feb100;line-height:38px;font-size:14px;height:38px;}
	.ticket>ul>li>div>ul>li:nth-of-type(2)>span{font-size:30px;}
	.ticket>ul>li>div>ul>li:nth-of-type(3){text-align:center;color:#ccc;line-height:18px;font-size:12px;}
	.ticket>ul>li>div:nth-of-type(2){float:left;width:88px;height:88px;background:url(__HOME__/img/lingqu_an.png) no-repeat;background-size:88px 176px;}
		/* 已领取券 */
	.yiling_st>div>ul>li{color:#cdcbce!important;}
	.yiling_st>div:nth-of-type(2){background-position-Y:-88px!important;}
		/* 已领取券 */
	/*-- 券 --*/

</style>
</head>

<body>
	<!-- 返回 -->
	<a href="{:url('index')}" class="fanhui"><div></div></a>
	<!-- 返回 -->
	<!-- 顶部图片 -->
	<div class="top_tupian"><img src="__HOME__/img/linqquan_top.jpg" alt=""></div>
	<!-- 顶部图片 -->
	<!-- 券 -->
	<div class="ticket">
		<ul>
			<li class="yiling_st">
				<div>
					<ul>
						<li>无敌券无敌券</li>
						<li>￥<span>100</span></li>
						<li>满100可使用</li>
					</ul>
				</div>
				<div></div>
				<h6 class="clearfix"></h6>
			</li>
			<li>
				<div>
					<ul>
						<li>无敌券无敌券</li>
						<li>￥<span>100</span></li>
						<li>满100可使用</li>
					</ul>
				</div>
				<div></div>
				<h6 class="clearfix"></h6>
			</li>
			<li>
				<div>
					<ul>
						<li>无敌券无敌券</li>
						<li>￥<span>100</span></li>
						<li>满100可使用</li>
					</ul>
				</div>
				<div></div>
				<h6 class="clearfix"></h6>
			</li>
			<li>
				<div>
					<ul>
						<li>无敌券无敌券</li>
						<li>￥<span>100</span></li>
						<li>满100可使用</li>
					</ul>
				</div>
				<div></div>
				<h6 class="clearfix"></h6>
			</li>
			<li>
				<div>
					<ul>
						<li>无敌券无敌券</li>
						<li>￥<span>100</span></li>
						<li>满100可使用</li>
					</ul>
				</div>
				<div></div>
				<h6 class="clearfix"></h6>
			</li>
		</ul>
	</div>
	<!-- 券 -->
</body>
<script src="__HOME__/js/jquery-3.3.1.js"></script>
<script>

</script>
</html>
